<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div { border: 2px solid blue; }
            p { background:yellow; margin:4px; }
		</style>
		<script src="../课件/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$('p').wrap('<div></div>');
                $('p').unwrap('<div></div>');
                $('p').wrapAll('<div></div>');
                $('p').wrapInner('<div></div>');
//              $('p').after('<p>after</p>');
                $('p').after('<span> after</span>');
                $('<p>after</p>').insertAfter('span');
                $('p').before('<span> before</span>');
			})
		</script>
	</head>
	<body>
		<p>Hello</p>
        <p>cruel</p>
        <span>jjjjjjj</span>
        <p>World</p>
	</body>
</html>
